<template>
  <div>
    <el-row :gutter="20">
      <el-col :span="12">
        <div class="grid-content bgff p20">
          <p>在线设备</p>
          <div class="pcub mt10">
            <i class="sl-icon sl-jiankong fz40 c-main"></i>
            <div class="ml20">
              <p>共计</p>
              <p>10</p>
            </div>
          </div>
        </div>
      </el-col>
      <el-col :span="12">
        <div class="grid-content bgff p20">
          <p>离线设备</p>
          <div class="pcub mt10">
            <i class="sl-icon sl-lixianshebei1 fz40 c-main"></i>
            <div class="ml20">
              <p>共计</p>
              <p>0</p>
            </div>
          </div>
        </div>
      </el-col>
    </el-row>
    <el-row :gutter="20">
        <div class="bgff">
          <bmap :height="'650px'" :type="type"  :from_report_id="from_report_id"></bmap>
        </div>
    </el-row>
  </div>
</template>

<script>
  import bmap from '@/components/bmap2.vue'
  export default {
    props:['type','from_report_id'],
    components:{bmap},
    name: "videoControl",
   
    // watch:{
    //     type(val){
    //         console.log(val)
    //     }
    // },
  };
</script>

<style lang="less">
  .el-row {
    margin-bottom: 20px;
  &:last-child {
     margin-bottom: 0;
   }
  }
  .el-col {
    border-radius: 4px;
  }

  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }
</style>
